<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Day 002 - Product Card</title>
  <link rel="stylesheet" href="css/product.css">
</head>

<body>
<header>
	<nav>
		<div>
			<a>首页</a>
		</div>
		<div>
			<a>游戏</a>
		</div>
		<div>
			<a>周边</a>
		</div>
		<div>
			<a>个人</a>
		</div>
		<div>
			<a>资讯</a>
		</div>
		<div>
			<a>&#65516;</a>
		</div>		
	</nav>
</header>
 <div class="product introduction">
  <div class="header">
    <a href="main.html"><div class="back"></div></a>
  </div>
  <div class="main">
    <div class="left">
      <h2>FOR HONOR</h2>
      <h4>最低系统要求</h4>
      <img src="images/bg-clear.jpg" alt="" />
    </div>
    <div class="right">
      <ul>
        <li>操作系统: Windows 7, Windows 8.1, Windows 10 (64-bit versions only)</li>
         <li>处理器: Intel Core i3-550 | AMD Phenom II X4 955 or equivalent</li>
         <li>内存: 4 GB RAM</li>
         <li>图形: NVIDIA GeForce GTX660/GTX750ti/GTX950/GTX1050 with 2 GB VRAM or more | AMD Radeon HD6970/HD7870/R9 270/R9 370/RX460 with 2 GB VRAM or more</li>
         <li>网络: 宽带互联网连接</li>
         <li>存储空间: 需要 40 GB 可用空间</li>
         <li>声卡: DirectX-Compatible using the latest drivers
        附注事项: Mouse and Keyboard supported.</li>
        </ul>
    </div>
  </div>
</div>
 <div class="product description">
  <div class="header">
    <a href="main.html"><div class="back"></div></a>
  </div>
  <div class="main">
    <div class="left">
      <h2>FOR HONOR</h2>
      <h4>用户评价</h4>
      <img src="images/bg-clear.jpg" alt="" />
    </div>
    <div class="right">
      <p>www:除去挂了加速器都还是频繁断开连接的土豆服务器，以及比较单一的玩法，基本上挑不出什么毛病。画面，打击感，操作手感都绝对让人满意，所以还是给个好评吧，只要把服务器这块处理好，褒贬不一绝对会变成特别好评的(°∀°)ﾉ </p>
      <p>PAPAPA:这游戏一定要和基友一起玩！这游戏一定要和基友一起玩！这游戏一定要和基友一起玩！重要的事情说三遍！！！没有基友找个组织！说真的，土豆服务器什么的我都习惯了。但是我必须吐槽一下匹配系统匹配时间过长这种老生长谈的话咱就不提了我求求了！虽然说了不好的地方，但是游戏还是挺好玩的给个好评但是不是特别推荐 </p>
    </div>
  </div>
</div>
  <div class="product purchase">
  <div class="header">
    <a href="main.html"><div class="back"></div></a>
  </div>
  <div class="main">
    <div class="left">
      <h2>FOR HONOR</h2>
      <h4>全系统支持</h4>
      <h3>￥320.00</h3>
      <img src="images/bg-clear.jpg" alt="" />
    </div>
    <div class="right">
      <p>在《For Honor》紧张又逼真的战场上杀出一条毁灭之路。征服独一无二的战士
在各种英勇的骑士、残忍的维京人还有致命的武士中选择你最爱的战士，每一个都有自己专属的武器、风格和个性化选择</p>
      <p>
        <span class="fa fa-star yellow"></span>
        <span class="fa fa-star yellow"></span>
        <span class="fa fa-star yellow"></span>
        <span class="fa fa-star yellow"></span>
        <span class="fa fa-star"></span>
        <span>(4.67 - 172 reviews)</span>
      </p>
      <p class="quantity">数量 <span class="fa fa-angle-left angle"></span><span id="qt">1</span><span class="fa fa-angle-right angle"></span></p>
    </div>
  </div>
  <div class="footer">
    <div class="left">
      <p id="price">￥320.00</p>
    </div>
    <div class="right">
      <a href="checkout.html"><p>直接购买</p></a>
      <a href="shoppingbox.jsp"><p>加入购物车</p></a>
    </div>
  </div>
</div>
  <script src='http://facebook.github.io/rebound-js/rebound.js'></script>
  <script src="js/product.js"></script>

</body>
</html>
